<template>
  <div class="app-header navbar">
    <div class="navbar-header bg-info dker" onclick="fresh()">
      <a href="" class="navbar-brand text-lt">
        <i class="fa fa-home"></i>
        <img
          src="https://sources.cc520.me/share/img/o_1b4t0srq81sm31g699lk1ob1e7r3t4.jpg?imageView2/1/w/100/h/100"
          alt="." class="hide">
        <span class="hidden-folded m-l-xs">Blog</span>
      </a>
    </div>
    <div class="collapse pos-rlt navbar-collapse box-shadow bg-info dker">
      <div class="nav navbar-nav navbar-right">
        <ul class="nav navbar-nav navbar-right">
          <li class="hidden-xs">
            <headerScreenfull/>
          </li>
          <headerUser/>
        </ul>
      </div>
    </div>
  </div>
</template>
<script>

  import screenfull from 'screenfull'

  import HeaderUser from '../../components/header/header.user.vue'

  import HeaderScreenfull from '../../components/header/header.screenfull.vue'

  export default{
    name: "header-index",
    components: {
      HeaderUser, HeaderScreenfull
    }
  }
</script>
